<template>
  <div>
    <f-tag type="default" dot>default</f-tag>
    <f-tag type="primary" dot>primary</f-tag>
    <f-tag type="success" dot>success</f-tag>
    <f-tag type="info" dot>info</f-tag>
    <f-tag type="warning" dot>warning</f-tag>
    <f-tag type="danger" dot>danger</f-tag>
    <f-tag type="magenta" dot>magenta</f-tag>
    <f-tag type="red" dot>red</f-tag>
    <f-tag type="volcano" dot>volcano</f-tag>
    <f-tag type="orange" dot>orange</f-tag>
    <f-tag type="gold" dot>gold</f-tag>
    <f-tag type="cyan" dot>cyan</f-tag>
    <f-tag type="blue" dot>blue</f-tag>
    <f-tag type="geekblue" dot>geekblue</f-tag>
    <f-tag type="purple" dot>purple</f-tag>
  </div>
</template>
